<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <link href="../qschart/mstar_qs_chart_1.4.css" type="text/css" rel="stylesheet"/>
        <link href="../theme/default/style.css" type="text/css" rel="stylesheet"/>
		<link href="../qschart/webChart.css" type="text/css" rel="stylesheet"/>
        <script src="../lib/jquery.js" type="text/javascript">
        </script>
        <script src="../lib/jquery.json.min.js" type="text/javascript">
        </script>
        <script src="../lib/migratory-jslib.js" type="text/javascript">
        </script>
        <!--[if IE]><script type="text/javascript" src="../lib/excanvas.min.js"></script><![endif]-->
	   
    </head>
    <body>
   	   <script src="../js/language/qs_chart_en_us.js" type="text/javascript"></script>
       <script src="../qschart/mstar_qs_chart_1.4.js" type="text/javascript"></script>
	   <script src="../qschart/simpleAutoCompleteBox.js" type="text/javascript"></script>
       <script src="../qschart/webChart.js" type="text/javascript"></script>
    <div class="qs-urlchart-container">
        <div class="qs-gd2 qs-urlchart-tab-container">
            <div class="bd">
                <div class="qs-c">
                </div>
                <div class="qs-main">
                    <div class="qs-c">
                        <div class="qs-uchart-tab">
                            <ul class="tabs">
                                <li>
                                    <a class="tabon " href="javascript:void(0);" value="display">Display</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0);" value="indicators">Indicators</a>
                                </li>
                                <li>
                                    <a  href="javascript:void(0);" value="compare">Compare</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="qs-urlchart-panel panel1 qs-urlchart-display" style="display:block">
            <div class="qs-gd">
                <div class="bd">
                    <div class="qs-c">
                        <div class="qs-urlchart-type-lst">
                            <div class="text">
                                <h4>Chart Cursor</h4>
                            </div>
                            <div class="qs-urlchart-cursor-con">
                            </div>
                        </div>
						<div class="qs-urlchart-type-lst">
                            <div class="text">
                                <h4 >Chart Style</h4>
                            </div>
                            <div class="qs-urlchart-type-con">
                            </div>
                        </div>
                        <div class="qs-urlchart-type-lst">
                            <div class="text">
                                <h4>Y-axis</h4>
                            </div>
                            <div class="qs-urlchart-tickers-con">
                                
                            </div>
                            <div class="text qs-urlchart-top10">
                                <h4>Vertical Scale</h4>
                            </div>
                            <div class="qs-urlchart-tickers-con">
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="qs-urlchart-panel panel2 qs-urlchart-indicators">
            <div class="qs-gd">
                <div class="bd">
                    <div class="qs-c">
                        <div class="qs-urlchart-type-lst">
                            <div class="text">
                                <h4>Events</h4>
                                <a href="javascript:void(0);" gkey="ClearAllEvents">Unselect All</a>
                            </div>
                            <div class="qs-urlchart-events-con">
                            </div>
                        </div>
                        <div class="qs-urlchart-type-lst">
                            <div class="text">
                                <h4>Teachnical Indicators</h4>
                                <a href="javascript:void(0);" gkey="ClearAllEvents">Unselect All</a>
                            </div>
                            <div class="qs-urlchart-indicators-con">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="qs-urlchart-panel panel3 qs-urlchart-compare">
        	<div class="qs-gd">
                <div class="bd">
                    <div class="qs-c">
                    <div class="qs-urlchart-type-lst">
                        <div class="text">
                            <h4>Related Securities</h4>
                        </div>
                        <div class="qs-urlchart-relatedSec-con">
                        </div>
                    </div>
                    <div class="qs-urlchart-type-lst qs-urlchart-auto-lst">
                        <div class="text">
                            <h4>Enter Tickers</h4>
                        </div>
                        <div class="qs-urlchart-tickers-con">
                            <input class="qs-ui-ipt" /><a class="qs-ui-ipt gi">Add</a>
                        </div>
                        <div class="text qs-urlchart-top20">
                            <h4>Enter Benchmarks</h4>
                        </div>
                        <div class="qs-urlchart-tickers-con">
                            <input class="qs-ui-ipt" /><a class="qs-ui-ipt gi">Add</a>
                        </div>
                    </div>
                    <div class="qs-urlchart-type-lst">
                        <div class="text">
                            <h4>Enter Tickers</h4>
                        </div>
                        <ul class="qs-urlchart-select-ticker" >
                            <li>
                                <a href="javascript:void(0);" idx="0">HPQ<span>Hewlett-Packard Company</span></a>
                                <a value="XNYS:HPQ" href="javascript:void(0)" rdx="0" class="close">x</a>
                            </li>
                        </ul>
                    </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="qs-urlchart-range">
            <div class="trange" id="gr_ctrl_range">
                <div class="reset">
                    <a class="ms-gl-font10" href="javascript:void(0);" gkey="Reset">Reset</a>
                </div>
				<div class= "qs-urlchart-zoom-con">
				</div>
                <div class="qs-urlchart-custom-date-con">
                    <input class="qs-ui-ipt"><span>&ndash;</span>
                    <input class="qs-ui-ipt">
                </div>
            </div>
        </div>
        <div class="qs-urlchart-out" id="qsurlchart">
        </div>
    </div>
        <script>
			$(".qs-urlchart-container").html("");
			var chartweb = new chartWebPage({},$(".qs-urlchart-container"),"chart","chartweb");
        </script>
    </body>
</html>
